html {
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-size: 12px;
    color: #333333;
    line-height: 1.6;
    word-wrap: break-word;
    font-family: -apple-system-font, "Helvetica Neue", "Roboto", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
    -webkit-user-drag: none;
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#idx img {
    border: 0;
    width: 100%;
}
a img {
    border: 0;
    width: 82%;
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #646464;
}

.shop-info{background:#f5f5f5;height:120px;padding:0 15px;position:relative;}
.shop-info .shop-info-img{position:absolute;top:15px;width:90px;height:90px;}
.shop-info .shop-info-img img{width:100%;height:100%;}
.shop-info .shop-info-text{margin-left:100px;padding:15px 0;}
.shop-info .shop-info-text h4{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.shop-info .shop-info-text .shop-brief{height:25px;line-height:25px;font-size:12px;color:#81838e;white-space:nowrap;}
.shop-info .shop-info-text .shop-brief span{display:inline-block;margin-right:8px;}
.shop-info .shop-info-text .shop-price{height:24px;line-height:24px;position:relative;}
.shop-info .shop-info-text .shop-price .shop-pices {color:red;font-size:16px;}
.shop-info .shop-info-text .shop-arithmetic{position:absolute;right:0px;top:0;width:84px;box-sizing:border-box;white-space:nowrap;height:100%;}
.shop-info .shop-info-text .shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
.shop-info .shop-info-text .shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic .failed{color:#d1d1d1;}
.shop-info .shop-info-text .shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic .num{width:32px;text-align:center;border:none;display: inline-block;height:100%;box-sizing:border-box;vertical-align:top;margin:0 -6px;}
.shopPrice{background:#fff;height:35px;line-height:35px;padding:0 15px;text-align:right;}
.shopPrice span{color:#f00;}



.shopping{clear:both;overflow:hidden;height:auto;padding-bottom: 60px;}
.shop-group-item{margin-bottom:5px;}
.shop-group-item ul li{border-bottom:1px solid #fff;}
.shop-group-item ul li:last-child{border-bottom:none;padding-bottom: 50px;}

input[type="checkbox"]{-webkit-appearance:none;outline: none;}
input.check{background:url(../images/icon_radio3.png) no-repeat center left;background-size:20px 20px;position:absolute;top:50%;left:10px;margin-top:-18px;width:20px;height:35px;}
input.check:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
input.goodsCheck:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
input.check:checked{background:url(../images/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
.checked{background:url(../images/icon_radio4.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-18px;width:20px;height:35px;}

.gwc-info{background:#f5f5f5;height:120px;padding:0 15px;position:relative;}
.gwc-info .checkbox{background:url(../images/icon_radio3.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
.gwc-info .checkbox1{background:url(../images/icon_radio4.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
.gwc-info .shop-info-img{position:absolute;top:15px;left:45px;width:90px;height:90px;}
.gwc-info .shop-info-img img{width:100%;height:100%;}
.gwc-info .shop-info-text{margin-left:130px;padding:15px 0;}
.gwc-info .shop-info-text h4{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.gwc-info .shop-info-text .shop-brief{height:25px;line-height:25px;font-size:12px;color:#81838e;white-space:nowrap;}
.gwc-info .shop-info-text .shop-brief span{display:inline-block;margin-right:8px;}
.gwc-info .shop-info-text .shop-price{height:24px;line-height:24px;position:relative;}
.gwc-info .shop-info-text .shop-price .shop-pices {color:red;font-size:16px;}
.gwc-info .shop-info-text .shop-arithmetic{position:absolute;right:0px;top:0;width:84px;box-sizing:border-box;white-space:nowrap;height:100%;border:1px solid #e0e0e0;}
.gwc-info .shop-info-text .shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
.gwc-info .shop-info-text .shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.gwc-info .shop-info-text .shop-arithmetic .failed{color:#d1d1d1;}
.gwc-info .shop-info-text .shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.gwc-info .shop-info-text .shop-arithmetic .num{width:32px;text-align:center;border:none;display: inline-block;height:100%;box-sizing:border-box;vertical-align:top;margin:0 -6px;}

.payment-bar{clear:both;overflow:hidden;width:100%;height:55px;position:fixed;bottom:65px;border-top:1px solid #e0e0e0;background:#fff;}
.payment-bar .all-checkbox{float:left;line-height:55px;padding-left:40px;}
.payment-bar .shop-total{float:left;-webkit-box-flex:1.0;box-flex:1.0;margin:9px 20px 9px 35px;}
.payment-bar .shop-total strong{display:block;font-size:16px;}
.payment-bar .shop-total span{display:block;font-size:12px;}
.payment-bar .settlement{display:inline-block;float:right;width:90px;height:55px;line-height:55px;text-align:center; background: #42cfcb; color: #ffffff; font-size: 14px;}


iframe {
    border: none;
    background: #fff;
}
ul ,ol,li,i,b,s{
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight:normal;
    font-style: normal;
}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.row .col {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.row .col-3,
.row .col-3-3,
.row .col-4,
.row .col-4-4,
.row .col-5,
.row .col-5-5 {
    width: 100%;
}
.row .col-3-1 {
    width: 33.333333%;
}
.row .col-3-2 {
    width: 66.666666%;
}
.row .col-4-1 {
    width: 25%;
}
.row .col-4-2 {
    width: 50%;
}
.row .col-4-3 {
    width: 75%;
}
.row .col-5-1 {
    width: 20%;
}
.row .col-5-2 {
    width: 40%;
}
.row .col-5-3 {
    width: 60%;
}
.row .col-5-4 {
    width: 80%;
}
body {
    background: #f3f3f3;
    color: #333333;
    font-size: 12px;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body,
.container,
.scroller,
.wp{
    height: 100%;
}
.clearfix{zoom:1}
.clearfix:after{
    display: block;
    content: '';
    clear: both;
}
.fl{float: left}
.fr{float: right}
.pr{position: relative}
.mt20{margin-top: 20px;}
.transition-05 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hide{display: none}
input,
input:focus,
input:hover,
input:link,
input:active{outline: none; border: none}

.chkInput{
    display: none;
}
.chkInput + label {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border: 1px solid #C1CACA;
    border-radius: 20px;
    display: block;
    position: relative;
}
.chkInput + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.chkInput:checked + label {
    background: url("../images/chkIn-on.png") center no-repeat;
    background-size: 20px;
    border: none;
}

header{
    background: #4bd1cd url("../images/top_bg.png") bottom center / contain no-repeat;
}
.t-header{
    background: #4bd1cd;
}
.t-header-blue{
    background: #50a9f8 url("../images/yongjin-top.png") bottom center / cover no-repeat;
}
header .topbar{
    padding: 12px 10px;
    position: relative;
}
header .topbar a.settings{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/settings.png") center / cover  no-repeat;
}
header .topbar span{
    text-align: center;
    color: #ffffff;
    width: 30%;
    display: block;
    font-size: 16px;
    margin: 0 auto;
}
header .topbar a.megs{
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 15px;
    top: 14px;
    right: 50px;
    background: url("../images/meg.png") center / cover no-repeat;
}
header .topbar a.megs i{
    display: block;
    width: 10px;
    height: 10px;
    background: #ff2a00;
    border: 1px #ffffff solid;
    border-radius: 10px;
    position: absolute;
    top: -5px;
    right: -4px;
}
header .topbar a.help{
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    right: 12px;
    background: url("../images/help.png") center / cover no-repeat;
}
.myinfo{
    padding: 12px 0 60px 0;
}
.myinfo a.avt{
    float: left;
    display: block;
    margin-left: 30px;
    width: 68px;
    height: 68px;
    border-radius: 68px;
    border:2px #ffffff solid;
    overflow: hidden;
}
.myinfo a.avt img{
    width: 100%;
}
.myinfo .info{
    float: left;
    margin-left: 30px;
}
.myinfo .info h1.name{
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
}
.myinfo .info span.type{
    margin-top: 5px;
    display: inline-block;
    padding: 4px 8px;
    color: #bbfffd;
    font-size: 12px;
    background: rgba(0,0,0,.2);
    border-radius: 6px;
}
.myDeal{
    width: 90%;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px 18px;
    border-radius: 12px;
    -webkit-box-shadow:0 0 10px 15px rgba(0,0,0,.02);
    -moz-box-shadow:0 0 10px 15px rgba(0,0,0,.02);
    box-shadow:0 0 15px 5px rgba(0,0,0,.05);
    margin-top: -38px;
    z-index: 9;
}
.myDeal div.tit{
    color: #333333;
    font-size: 16px;
}
.myDeal ul{
    border-top:1px #eeeeee solid;
    padding-top: 20px;
    margin-top: 10px;
}
.myDeal ul li{
    float: left;
    position: relative;
}
.myDeal ul li a{display: block; width: 100%; height: 100%;}
.myDeal ul li a img{
    display: block;
    width: 28px;
    margin: 0 auto;
}
.myDeal ul li a i.tips{
    position: absolute;
    top: -8px;
    right: 22%;
    font-style: normal;
    background: #ff2a00;
    border: 1px #ffffff solid;
    border-radius: 15px;
    width: 15px;
    height: 15px;
    display: block;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    color: #ffffff;
}
.myDeal ul li a span{
    display: block;
    text-align: center;
    color: #666666;
    font-size: 14px;
    margin-top: 5px;
}
.funlist{
    margin-top: 32px;
	margin-bottom: 80px;
}
.funlist li{
    border-bottom: 1px #eeeeee solid;
    background: #ffffff;
}
.funlist li:last-child{
    border: none;
}
.funlist li a{
    position: relative;
    display: block;
    color: #333333;
    font-size: 14px;
    padding: 15px 12px;
    padding-left: 60px;
}
.funlist li a i{
    position: absolute;
    top:12px;
    right: 4px;
    font-size: 30px;
    margin-right: 15px;
    color: #afafaf;
}

.funlist li a.myYj{background: url("../images/yj.png") 20px center  no-repeat; background-size: 20px 18px;}
.funlist li a.myShare{background: url("../images/fx.png") 20px center no-repeat; background-size:20px;}
.funlist li a.userSafe{background: url("../images/aq.png") 20px center  no-repeat; background-size: 20px; }
.funlist li a.coupon{background: url("../images/yhq.png") 20px center  no-repeat; background-size: 20px; }

.t-header .topbar{
    padding: 8px 0px;
}
.t-header .topbar a{
    display: inline-block;
    padding: 0 10px;
}
.t-header .topbar a i{display: inline-block; width: 20px;
    height:20px;}
.t-header .topbar a.gobakA i{
    font-size: 30px;
    color: #ffffff;
    margin-top: -2px;
}
.t-header .topbar a.editA{
    position: absolute;
    right: 50px;
    top: 11px;
}
.t-header .topbar a.editA i{
    background: url("../images/edit.png") center no-repeat;
    background-size: 20px;
}
.t-header .topbar a.moreA{
    position: absolute;
    right: 5px;
    top: 11px;
}
.t-header .topbar a.moreA i{
    background: url("../images/t-more.png") center no-repeat;
    background-size: 20px 5px;
}
.t-header .topbar a.doneA{
    position: absolute;
    right: 5px;
    top:8px;
    color: #ffffff;
    font-size: 16px;
}

.t-header .topbar a.doneA1{
    position: absolute;
    right: 5px;
    top:8px;
    color: #ffffff;
    font-size: 16px;
    display: none;
}
.t-header .topbar a.seachrTxtA{
    position: absolute;
    right: 5px;
    top:8px;
    color: #ffffff;
    font-size: 16px;
}
.t-header .topbar .searchInBox{
    width: 74%;
    border-radius: 6px;
    background: #ffffff;
    padding: 2px 5px;
    margin-left: 35px;
}
.t-header .topbar .searchInBox i{font-size: 18px; color: #b9b9b9; display: inline-block; margin-right:6px; }
.t-header .topbar .searchInBox input,
.t-header .topbar .searchInBox input:focus,
.t-header .topbar .searchInBox input:hover,
.t-header .topbar .searchInBox input:link,
.t-header .topbar .searchInBox input:active{outline: none; border: none}

.t-header-blue .myYJinfo{
    height: 180px;
    width: 100%;
    overflow: hidden;
    padding-left: 20px;
}
.t-header-blue .myYJinfo .tit{
    font-size: 14px;
    margin-top: 60px;
    color: #FFFFFF;
}
.t-header-blue .myYJinfo .m{
    color: #FFFFFF;
    font-size: 14px;
}
.t-header-blue .myYJinfo .m font{
    font-size: 28px;
}

/**********************gouwuche******************/
.gwcList{
    padding-bottom: 100px;
}
.gwcList .gwc-item{
    margin-bottom: 20px;
}
.gwcList .gwc-item span.circle,
.jsbox .allsircle span.circle{
    width: 24px;
    height: 24px;
    border-radius: 24px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 24px;
    display: block;
    border:1px #bbbbbb solid;
    float: left;
    margin-right: 6%;
}
.gwcList .gwc-item span.circle.checked,
.jsbox .allsircle span.circle.checked{
    border:none;
    background: url("../images/gwc-checked.png") center no-repeat;
    background-size: 24px;
}
.gwcList .gwc-item div.tit{
    padding: 10px 15px;
    border-bottom: 1px #dcdcdc solid;
    background: #ffffff url("../images/dpico.png") 15% center no-repeat;
    background-size: 20px 19px;
    font-size: 16px;
}
.gwcList .gwc-item div.tit span.circle{
    margin-right: 13%;
}
.gwcList .gwc-item ul li{
    padding: 12px 15px;
    border-bottom: 1px #dcdcdc solid;
    background: #ffffff;
}
.gwcList .gwc-item ul li:after{
	content: '';
    display: block;
    clear: both;
}
.gwcList .gwc-item ul li dl{display: block; float:left;}
.gwcList .gwc-item ul li dl.checkBox{width: 11%;}
.gwcList .gwc-item ul li dl.checkBox span.circle{float: none; margin:33px 0 0 0;}
.gwcList .gwc-item ul li dl.pic{width: 90px;}
.gwcList .gwc-item ul li dl.pic img{width: 100%;border: 1px #dcdcdc solid;}
.gwcList .gwc-item ul li dl.info{width: 63%; padding-left: 18px;}
.gwcList .gwc-item ul li dl.info a.tit{font-size: 14px; font-weight: normal; line-height: 1}
.gwcList .gwc-item ul li dl.info span.clType{padding:3px 5px; color: #999; border:1px #999 solid; border-radius: 8px; margin: 8px 0; display: inline-block;}
.gwcList .gwc-item ul li dl.info div.price:after{content: ''; display: block; clear: both}
.gwcList .gwc-item ul li dl.info div.price i{
    font-size: 16px;
    color: #ff4e00;
    font-style: normal;
    display: inline-block;
}
.gwcList .gwc-item ul li dl.info div.price s{
    display: inline-block;
    margin-left: 10px;
}
.gwcList .gwc-item ul li dl.info div.price b{
    font-weight: normal;
    display: inline-block;
    float: right;
    color: #666666;
}
.gwcList .gwc-item ul li dl.info .select-g{margin-top: 10px;}
.gwcList .gwc-item ul li dl.info .select-g .addNums span{
    display: block;
    width: 15%;
    height: 1.5rem;
    line-height: 1.5rem;
    border: 1px #666666 solid;
    text-align: center;
    float: left;
    font-size: 16px;
    font-weight: 200;
    color: #adadad;
}
.gwcList .gwc-item ul li dl.info .select-g .addNums span.del{
    border-radius: 4px 0px 0 4px;
}
.gwcList .gwc-item ul li dl.info .select-g .addNums span.add{
    border-radius: 0px 4px 4px 0;
    margin-left: -1px;
}
.gwcList .gwc-item ul li dl.info .select-g .addNums input.nums{
    float: left;
    border: 1px solid #666666;
    width: 20%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    margin-left: -1px;
    outline: none;
}
.gwcList .gwc-item ul li dl.info .select-g select {
    margin-top: 10px;
    border: solid 1px #c2c2c2;
    border-radius: 6px;
    padding: 4px 8px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 34px;
    color: #999999;
    background: url("../images/select-a.png") no-repeat scroll right center transparent;
    background-size: 26px;

}
.gwcList .gwc-item ul li dl.info .select-g select::-ms-expand { display: none; }
.gwcList .gwc-item ul li dl.info .select-g select:focus{
    outline: none; border: 1px #42cfcb solid;
    background: url("../images/select-a-on.png") no-repeat scroll right center transparent;
    background-size: 26px;
    color: #42cfcb;
}

.jsbox .lbox,.jsbox .jsBtn{float: left; height: 60px; line-height: 60px;}
.jsbox .lbox{width: 70%; background: #ffffff; border-top: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid; font-size: 14px; overflow: hidden}
.jsbox .jsBtn{width: 30%;}
.jsbox .jsBtn a{display:block; width: 100%; text-align: center; background: #42cfcb; color: #ffffff; font-size: 14px;}
.jsbox .allsircle span.circle{margin: 17px 15px 0 15px;}
.jsbox .allsircle .jsPrice{line-height: 1; padding-right: 18px;}
.jsbox .allsircle .jsPrice i,
.jsbox .allsircle .jsPrice b{display: block; text-align: right}
.jsbox .allsircle .jsPrice i{font-size: 18px; color: #ff4e00; font-weight: bold;margin-top: 10px;}
.jsbox .allsircle .jsPrice b{margin-top: 8px; color: #999999; font-size: 14px;}


/*****************shop list*****************/
.transform{
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.t-header .topbar .tmenuA i{
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url("../images/t-menu.png") center no-repeat;
    background-size: 24px 20px;
    margin-top: 2px;
}
.t-header .topbar .seachrA i{
    color: #ffffff;
    font-size: 22px;
}
.mallcsNav{
    background: #ffffff;
    padding: 12px 0;
}
.mallcsNav li{width: 25%; text-align: center; display:block; float: left}
.mallcsNav li a{color: #333333; font-size: 14px; padding-bottom: 12px;}
.mallcsNav li a:hover,
.mallcsNav li a:focus,
.mallcsNav li a.on{color: #42cfcb; border-bottom: 3px #42cfcb solid;}
#leftcontrol {
    width: 180px;
    height: 100%;
    background: #efeff4;
    position: fixed;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#m_nav{margin-top: 30px; padding-left: 20px;}
#m_nav li.navitem dt{
    font-size: 16px;
    background: url("../images/qq.png") left center no-repeat;
    background-size: 22px;
    padding: 18px 0 14px 36px;
}
#m_nav li.navitem dl{
    padding: 15px 0px;
    margin: 0 20px;
    border-bottom: 1px #dfdfdf solid;
}
#m_nav li.navitem dl a{font-size: 14px; line-height: 1.4; display: block}
#m_nav li.navitem dl:last-child{border: none}
#m_nav li.navitem dl a img{
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
}
#m_nav li.navitem dl a:after{content: '';display: block; clear: both;}

.sitecontent{
    z-index:1;
    position:absolute;
    left: 0;
    background: #efeff4;
    /*position: relative;*/
    width: 100%;
    height:100%;
    /*box-shadow:0px 20px 20px rgba(0,0,0,0.6);*/
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

body.open .sitecontent{
    /*transform:translate3d(160px,0,0);
    -webkit-transform:translate3d(160px,0,0);
*/
    left: 180px;
}
.scrollView {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 300px;
    height: calc(100% - 41px);
    height: -webkit-calc(100% - 41px);
    position: relative;
}
body.open .scrollView{overflow: hidden}
.sorllViewbg{position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.4); opacity: 0; z-index: 999; display: none}
body.open .sorllViewbg{opacity: 1; display: block}

.malllistBox ul{padding-bottom: 80px;}
.malllistBox ul li{width: 100%; display: contents; margin-left: 0px; background: #ffffff; margin-top: 10px;}
.malllistBox ul li a img{width: 100%; display: block}
.malllistBox ul li h1{font-size: 15px; padding: 8px;}
.malllistBox ul li .info:after{content: ''; display: block; clear: both}
.malllistBox ul li .info dl{display: inline-block; padding: 8px;}
.malllistBox ul li .info dl:last-child{padding: 26px 8px 0 0; float: right;}
.malllistBox ul li .info dl i.xprice{color: #ff4e00; font-size: 18px;}
.malllistBox ul li .info dl i,
.malllistBox ul li .info dl span{display: block}
.malllistBox ul li .info dl span{color: #999999}
.malllistBox ul li .info dl a.btngo{
    width: 60px;
    height:24px;
    line-height: 24px;
    border-radius: 5px;
    background: #f39a30;
    color: #ffffff;
    display: block;
    text-align: center;
}


/************ search ****************/
.searchInfo{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9;
    overflow: hidden;
    display: none;
}

.searchInfo h1{
    font-size: 18px;
}
.searchInfo .scTj{
    padding:20px 12px;
    background: #ffffff;
}
.searchInfo .scTj ul{margin-top: 8px;}
.searchInfo .scTj ul li{
    margin-right: 12px;
    margin-top: 10px;
    display: inline-block;
}
.searchInfo .scTj ul li a{
    display: block;
    padding: 4px 20px;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 14px;
}
.searchInfo .scLs{
    margin-top: 12px;
    padding:20px 12px;
    background: #ffffff;
}
.searchInfo .scLs .tit{
    padding-bottom: 12px;
}
.searchInfo .scLs .tit h1{width: 70%; float: left}
.searchInfo .scLs .tit a.delSc{float: right; display: block}
.searchInfo .scLs .tit a.delSc i{background: url("../images/del.png") center no-repeat; width: 30px; height: 30px; display: block; background-size: 18px 20px;}
.searchInfo .scLs ul li{
    display: block;
    border-top: 1px solid #e8e8e8;
}
.searchInfo .scLs ul li a{
    display: block;
    padding: 16px 0;
    font-size: 16px;
}

/*************spviews.html*****************/
.spInfo{
    padding: 12px;
    background: #ffffff;
}
.spInfo .txt{width: 70%}
.spInfo .txt h1{
    font-size: 18px;
}
.spInfo .txt p{
    color: #666666;
    font-size: 12px;
}
.spInfo>.price{
    width: 24%;
    border-left:1px #cacaca solid;
    text-align: right;
    line-height: 1;
    margin-top: 12px;
}
.spInfo>.price i{
    color: #ff4e00;
    font-size: 20px;
}
.spInfo>.price s{
    display: inline-block;
    margin-top: 8px;
    color: #999999;
    font-size: 14px;
}
.spvipType,.slggBox{
    margin-top: 20px;
    padding: 14px 12px;
    background: #ffffff;
}
.spvipType i.type{
    color: #4bd1cd;
    font-size: 16px;
}
.spvipType span.info{
    display: inline-block;
    color: #999999;
    margin-left: 12px;
}
.spvipType>a.moreA,
.sjGs .tit a{
    float: right;
    display: block;
    padding: 3px 8px;
    color: #4b84d1;
    border: 1px solid #4b84d1;
    border-radius: 8px;
}
.slggBox a,
.spDp a{display: block}
.slggBox a span{
    font-size: 18px;
    color: #333333;
}
.slggBox a p{
    display: inline-block;
    color: #999999;
    font-size: 16px;
    margin-left: 16px;
}
.slggBox a i,
.spDp a i{
    float: right;
    font-size: 26px;
    color: #999999;
}
.spDp{
    margin-top: 20px;
    padding: 8px 12px;
    background: #ffffff;
}
.spDp img{
    height: 40px;
    float: left;
    margin-right: 15px;
}
.spDp .tit{float: left}
.spDp .tit h1,
.sjGs .tit h1{font-size: 16px;}
.spDp .tit p{font-size: 12px; color: #666666}
.spDp a i{margin-top: 8px;}
.sjGs{
    padding: 14px 12px;
    background: #ffffff;
    margin-top: 20px;
}
.sjGs .tit h1{width: 70%; float: left}
.sjGs .gsList li{width: 32.5%; text-align: center; display: inline-block; margin-top: 10px;}
.sjGs .gsList li a{width: 100%; display: block; border-radius: 12px; overflow: hidden; text-align: center;}
.sjGs .gsList li a img{display: block; margin: 0 auto; height: 86px;}
.twMore{
    padding: 20px 12px;
    text-align: center;
    background: url("../images/twxq-bg.png") center no-repeat;
    background-size: 186px 18px;
    color: #34a3bb;
    font-size: 16px;
}
.spEditvs{
    margin:8px 6px;
    background: #ffffff;
    height: 200px;
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    border-radius: 8px;
    margin-bottom: 60px;
}
.add-gwc{
    position: fixed;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    height: 50px;
    z-index:10;
}
.add-gwc i.gwcIco{
    display: block;
    width: 16%;
    background: #ffffff url("../images/b-gwc-on.png") center no-repeat;
    height: 100%;
}
.add-gwc>a.add{
    display: block;
    width: 84%;
    line-height: 50px;
    height: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    background: #ef6f37;
}
.selGGboxbm{
    position: fixed;
    width: 100%;
    bottom: -60%;
    background: #ffffff;
}
.selGGboxbm.open{
    bottom: 0;
    z-index:20;
}
.selGGboxbm>.box-d{
    padding:24px;
}
.selGGboxbm i.close{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 24px;
    color: #999999;
}
.selGGboxbm .sdInfo a{
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
}
.selGGboxbm .sdInfo a img{
    width: 100%;
    height: 100%;
}
.selGGboxbm .sdInfo div.pinfo{
    display: block;
    margin-left: 20px;
}
.selGGboxbm .sdInfo div.pinfo h1{
    font-size: 16px;
}
.selGGboxbm .sdInfo div.pinfo span{
    font-size: 14px;
    color: #666666;
    display: block;
}
 .selGGboxbm .sdInfo div.pinfo i{
     font-size: 22px;
     color: #ff4e00;
     display: block;
 }
.selGGboxbm .ggbox{
    margin-top: 20px;
}
.selGGboxbm .ggbox .tit{
    font-size: 16px;
}
.selGGboxbm .ggbox ul{margin-top: 14px; width: 100%}
.selGGboxbm .ggbox ul li{
    float: left;
    width: 33.33%;
    text-align: center;
    margin-bottom: 16px;
}
.selGGboxbm .ggbox ul li a{
    display: block;
    width: 80%;
    text-align: center;
    padding: 2px 0;
    border-radius: 8px;
    border: 1px #c2c2c2 solid;
    color: #999999;
    font-size: 14px;
    margin: 0 auto;
}
.selGGboxbm .ggbox ul li a.on,
.selGGboxbm .ggbox ul li a:hover,
.selGGboxbm .ggbox ul li a:focus{
    color: #ffffff;
    border-color: #00d4ce;
    background: #00d4ce;
}
.selGGboxbm .gmNums{
    margin-top: 20px;
}
.selGGboxbm .gmNums>span{
    font-size: 16px;
}
.selGGboxbm .gmNums .addNums span{
    width: 22px;
    height:22px;
    border: 1px #666666 solid;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #666666;
    line-height: 22px;
}
.selGGboxbm .gmNums .addNums span.del{border-radius: 3px 0 0 3px}
.selGGboxbm .gmNums .addNums span.add{border-radius: 0px 3px 3px 0px}
.selGGboxbm .gmNums .addNums input.gmNsIn{
    width: 40px;
    height: 22px;
    text-align: center;
    border: 1px #666666 solid;
}
.selGGboxbm a.qBtn{
    display: block;
    width: 100%;
    padding: 14px 0;
    background: #00d4ce;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
}

/**************   order ok   ***************/
.orderBody,
.shAddsBody{
    padding: 14px;
    border: 1px #dcdcdc solid;
    border-radius: 10px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
}
.orderBody{margin-bottom: 60px;}
.iosBody{padding-bottom:35px;}
.orderBody>.tit{
    padding: 0 0 12px 30px;
    margin-bottom: 16px;
    font-size: 16px;
    border-bottom: 1px #dcdcdc solid;
}
.shAddress{
    background:#ffffff url("../images/adsIco.png") 14px center no-repeat;
    background-size:  18px 24px;
}
.shAddress>a{
    display: block;
    padding-left: 30px;
    color: #333333;
 }
.shAddress>a .user{
    font-size: 16px;
}
.shAddress>a .adds{
    font-size: 14px;
}
.shAddress>a i{
    position: absolute;
    right: 0px;
    top: 14px;
    color: #afafaf;
    font-size: 24px;
}
.orderinfo>.tit{
    background: url("../images/dpico.png") left 4px no-repeat;
    background-size: 20px 19px;
}
.orderinfo .spinfos{
	margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px #dcdcdc solid;
}
.orderinfo .spinfos a{
    display: block; 

}
.orderinfo .spinfos a img{width:80px;height: 80px;border: 1px #afafaf solid; float: left; margin-right: 20px;}
.orderinfo .spinfos a > .txt h1{
    font-size: 16px; 
}
.orderinfo .spinfos a > .txt span{
    color: #999999;
    font-size: 14px;
    display: inline-block;
    margin-top: 7px;
}
.orderinfo .spinfos a > .ns {
    padding-left: 100px;
}
.orderinfo .spinfos a > .ns i{
    color: #ff4e00;
    font-size: 24px;
}
.orderinfo .spinfos a > .ns span{
    color: #3c3c3c;
    font-size: 18px;
    margin-top: 12px;
}
.orderinfo .yfei{
    margin-top: 16px;
    padding: 8px 0; 
}
.orderinfo .yfei div{width: 50%; font-size: 16px;}
.orderinfo .yfei div.price{
    text-align: right;
}
.payType .tit{
    background: url("../images/payTypeico.png") left 3px no-repeat;
    background-size: 20px;
}
.payType .payBox li:after{content: ''; display: block; clear: both}
.payType .payBox li span{float: left; margin-right: 14px;}
.payType .payBox li span.wechatPay{
    background: url("../images/wechatPay.png") left center no-repeat;
    background-size: 23px 20px;
    padding-left: 30px;
    height: 20px; line-height: 20px;
    display: block;
}

.payType .payBox li span.coupon{
    background: url("../images/wechatPay.png") left center no-repeat;
    background-size: 23px 20px;
    padding-left: 30px;
    height: 20px; line-height: 20px;
    display: block;
}
.btm-orderSubmit{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
    height: 50px;
    line-height: 50%;
}
.btm-orderSubmit .orderInfos{
    display: block;
    font-size: 16px;
    padding: 0 24px;
    line-height: 50px;
}
.btm-orderSubmit .orderInfos font{
    color: #ff4e00;
    font-size: 20px;
}
.btm-orderSubmit a.odSuni{
    display: block;
    padding: 0 24px;
    line-height: 50px;
    color: #FFFFFF;
    background: #f39a30;
}

/************ showhuo address************/
.shAddsBody .shadsbox{
    background:#ffffff url("../images/adsIco.png") left 10px no-repeat;
    background-size:  18px 24px;
    padding-left: 30px;
    padding-bottom: 12px;
    border-bottom: 1px #dcdcdc solid;
}
.shAddsBody .shadsbox .user{font-size: 16px;}
.shAddsBody .editAds{
    margin-top: 12px;
}
.shAddsBody .editAds span{
    display: block;
    float: left;
    font-size: 14px;
}
.shAddsBody .editAds span.chkbody{
    margin-right: 14px;
}
.shAddsBody .editAds span.edit,
.shAddsBody .editAds span.del{
    float: right;
}
.shAddsBody .editAds span.edit{
    padding-left: 28px;
    background: url("../images/adsEdit.png") left center no-repeat;
    background-size: 17px 18px;
    margin-right: 20px;
}
.shAddsBody .editAds span.del{
    padding-left: 28px;
    background: url("../images/adsDel.png") left center no-repeat;
    background-size: 18px;
}
.shAddsBody .editAds span.deAds{color: #00d4ce}
.addBtn{
    padding: 20px 8px;
    background: #f3f3f3;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.addBtn a i{margin-right: 8px}
.addBtn a.addADSa{
    display: block;
    width: 100%;
    padding: 12px 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    background: #00d4ce;
    border-radius: 10px;
}

.popAddads{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    padding: 0 12px;
    display: none;
}
.popAddads .adsBox{
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 10px;
    margin-top: 26%;
    padding-bottom: 1px;
}
.popAddads .adsBox .tit{
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 14px  0;
}
.popAddads .adsBox .lxinfo li{
    float: left;
    width: 50%;
    padding: 12px 0;
    border: 1px #dcdcdc solid;
}
.popAddads .adsBox .lxinfo li input{
    margin-left: 20px;
    font-size: 16px;
    width: 70%;
}
.popAddads .adsBox .adsCity{
    border-bottom: 1px #dcdcdc solid;
    padding: 12px 0;
}
.popAddads .adsBox .adsCity  #city_sel{width: 100%; position: relative;}
.popAddads .adsBox .adsCity  #city_sel .m_zlxg{width:33.33%; height:30px; line-height:30px;cursor:pointer;float:left;display:inline; text-align: center}
.popAddads .adsBox .adsCity  #city_sel .m_zlxg p{width:100%;overflow:hidden; line-height:30px; color:#333333; font-size:14px;  text-overflow:ellipsis; white-space:nowrap;}
.popAddads .adsBox .adsCity  #city_sel .m_zlxg2{ position:absolute; top:42px; border:1px solid #ded3c1;background:#fff; width:33.33%; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap; text-align: center; z-index: 9}
.popAddads .adsBox .adsCity  #city_sel .m_zlxg2 li{line-height:28px;white-space:nowrap; color:#333333; font-size:12px;}
.popAddads .adsBox .adsCity  #city_sel .m_zlxg2 li:hover{ color:#00d4ce;}
.popAddads .adsBox .jdInfos{padding:20px 0 14px 12px; border-bottom: 1px #dcdcdc solid}
.popAddads .adsBox .jdInfos input{
    font-size: 16px;
    width: 100%;
}
.popAddads .adsBox .defshads{
    padding: 14px 12px;
    border-bottom: 1px #dcdcdc solid
}
.popAddads .adsBox .defshads span{float: left; font-size: 14px}
.popAddads .adsBox .defshads span.chkbody{display: inline-block; margin-right: 20px;}
.popAddads .adsBox a.saveAdsnew{
    display: block;
    width: 90%;
    text-align: center;
    padding: 10px 0;
    background: #16d8d2;
    border-radius: 10px;
    margin: 20px auto;
    color: #FFFFFF;
    font-size: 16px;
}

/*********** mydeal***********/
.myDealmenuCl{width: 100%; background: #FFFFFF; border-bottom: 1px #dcdcdc solid}
.myDealmenuCl li{display:block; width: 20%; float: left}
.myDealmenuCl li a{
    display: block;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 12px 0;
    color: #515151;
    font-size: 16px;
}
.myDealmenuCl li a:hover,
.myDealmenuCl li a:focus,
.myDealmenuCl li a.on{
    color: #00d4ce;
    border-bottom: 2px #00d4ce solid;
}
.myDeal-listWp{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 300px;
    height: calc(100% - 86px);
    height: -webkit-calc(100% - 86px);
    position: relative;
}
.myDeal-listWp .myDeal-list .myDeal-item{
    margin-bottom: 20px;
    background: #FFFFFF;
    border-bottom: 1px #dcdcdc solid;
}
.myDeal-listWp .myDeal-list .myDeal-item .tit{
    padding: 14px 12px;
}
.myDeal-listWp .myDeal-list .myDeal-item .tit a{
    position: relative;
    background: url("../images/dpico.png") left center no-repeat;
    background-size: 20px 19px;
    font-size: 16px;
    padding:0 28px;
    display: inline-block;
}
.myDeal-listWp .myDeal-list .myDeal-item .tit a i{font-size: 24px; position: absolute; color: #c1c1c1; right: 0; top: 0}
.myDeal-listWp .myDeal-list .myDeal-item .tit span{
    color: #00d4ce;
    font-size: 16px;
}
.myDeal-listWp .myDeal-list .myDeal-item .info{
    background: #f2f2f2;
    padding: 10px 12px;
	border-bottom: 1px #dcdcdc solid;
}
.myDeal-listWp .myDeal-list .myDeal-item .info a{
    height: 80px;
    overflow: hidden;
    display: block;
}
.myDeal-listWp .myDeal-list .myDeal-item .info a .pic{float: left; width: 26%; height: 100%;    overflow: hidden;}
.myDeal-listWp .myDeal-list .myDeal-item .info a .pic img{height: 100%;width: 100%;}
.myDeal-listWp .myDeal-list .myDeal-item .info a .txt{float: left; width: 74%;padding-left: 12px;}
.myDeal-listWp .myDeal-list .myDeal-item .info a .txt h1{font-size: 14px; padding-bottom: 8px}
.myDeal-listWp .myDeal-list .myDeal-item .info a .txt .prce  span.p{
    color: #fb0007;
    font-size: 18px;
}
.myDeal-listWp .myDeal-list .myDeal-item .info a .txt .prce  span.n{
    color: #666666;
    font-size: 16px;
}
.myDeal-listWp .myDeal-list .myDeal-item .tjInfo{
    text-align: right;
    font-size: 14px;
    padding: 12px;
    border-bottom: 1px #dcdcdc solid;
}
.myDeal-listWp .myDeal-list .myDeal-item .tjInfo span.p{color: #fb0007}
.myDeal-listWp .myDeal-list .myDeal-item .tjInfo span.yf{color: #666666}
.myDeal-listWp .myDeal-list .myDeal-item .btnBM{
    text-align: right;
    padding: 16px 12px;
}
.myDeal-listWp .myDeal-list .myDeal-item .btnBM a{
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 14px;
    border: 1px #dcdcdc solid;
}
.myDeal-listWp .myDeal-list .myDeal-item .btnBM a:hover,
.myDeal-listWp .myDeal-list .myDeal-item .btnBM a:focus,
.myDeal-listWp .myDeal-list .myDeal-item .btnBM a.on{
    background: #00d4ce;
    color: #FFFFFF;
    border: none;
}
.myDeal-listWp .myDeal-list .myDeal-item .btnBM a.confirm{
    margin-left: 20px;
}

.myDeal-listWp .emptyBox{
    margin-top: 15%;
}
.myDeal-listWp .emptyBox img{
    display: block;
    margin: 0 auto;
    width: 100px;
}
.myDeal-listWp .emptyBox span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #999999;
    padding: 16px 0;
}
.myDeal-listWp .emptyBox a.goShoping-a{
    width: 90%;
    padding: 8px 0;
    background: #00d4ce;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 20px auto;
    border-radius: 10px;
}

/***************  accountList  **************/
.accountList{
    width: 94%;
    margin: 20px auto;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px #dcdcdc solid;
    overflow: hidden;
}
.accountList li{
    width: 100%;
    border-bottom: 1px #dcdcdc solid;
}
.accountList li a{
    display: block;
    padding: 12px;
    width: 100%;
}
.accountList li a span.tit{
    font-size: 16px;
}
.accountList li a span.txt{
    font-size: 14px;
    position: relative;
    padding-right: 24px;
    padding-top: 2px;
}
.accountList li a span.txt i{
    font-size: 24px;
    color: #afafaf;
    position: absolute;
    top: 0px;
    right: 0px;
}
.accountList>a.loginOut-a{
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    background: #f39a30;
    text-align: center;
    width: 90%;
    margin: 20px auto;
    padding: 12px 0;
    border-radius: 10px;
}


/*************  payErr.html  **************/
.payErr,
.payOk{
    width: 100%;
    border-bottom: 1px #dcdcdc solid;
    padding-bottom: 20px;
    background: #FFFFFF;
}
.payErr .box,
.payOk .box{
     width: 34%;
     margin: 0 auto;
     padding: 30px 0;
     font-size: 16px;
     text-align: right;
 }
.payErr .box img,
.payOk .box img{float: left; display: block; width: 40px}
.payErr .box span,
.payOk .box span{float: right; display: block; line-height: 40px}

.payErrAds{
    padding: 12px;
    border-bottom: 1px #dcdcdc solid;
    background: #FFFFFF;
}
.payErrAds span{
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
.payErrPri{
    font-size: 14px;
    padding: 12px;
    border-bottom: 1px #dcdcdc solid;
    background: #FFFFFF;
}
.payErrPri span{
    color: #ff4e00;
    font-size: 18px;
}
.payErrBtn{
    padding: 16px 0;
    background: #FFFFFF;
}
.payErrBtn a.rePay-a{
    display: block;
    width: 90%;
    margin: 0 auto;
    color: #FFFFFF;
    background: #f39a30;
    text-align: center;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 0;
}

/****** payok******/
.payOKBtn{
    padding: 16px 30px;
    background: #FFFFFF;
}
.payOKBtn a{
    display: block;
    width: 40%;
    padding: 8px 0;
    border-radius: 8px;
    text-align: center;
    border:1px #e8531f solid;
    color: #e8531f;
    font-size: 16px;
}
.payOK-tj{margin-top: 8px}
.payOK-tj .tit{
    padding: 20px 0;
    background: url("../images/payok-tjspico.png") center no-repeat;
    background-size: 275px 20px;
    font-size: 16px;
    text-align: center;
}

/************share.html**************/
/*.shareBoxbg{
    width: 100%;
	position:relative;
    min-height: 300px;
    height: calc(100% - 41px);
    height: -webkit-calc(100% - 41px);
    background: url("http://image.bearworker.com/20170731103937541.png")  center /cover no-repeat;
    overflow: hidden;
}
.shareBoxbg .sharebox{
    width: 90%;  
	display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.shareBoxbg .sharebox .tit{
    margin-top: 30% ;
    text-align: center;
    color: #EE2C2C;
    font-size: 16px;
    font-weight: bold;
}
.shareBoxbg .sharebox .sum{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border:0px #51d0cc dashed;
    border-radius: 10px;
    margin-top: 30px;

}
.shareBoxbg .sharebox .headimg{
    margin: 0 auto;
    text-align: center;  
    margin-top: 24px;
	
}
.shareBoxbg .sharebox .ewm{
    margin: 0 auto;
    text-align: center;
    border:0px #51d0cc dashed;
    border-radius: 10px;
    margin-top: 32px;

}
.shareBoxbg .sharebox .sum ul li{
    display: block;
    float: left;
    width: 50%;
    padding: 15px 10px 15px 40px;
}
.shareBoxbg .sharebox .sum ul li:last-child{
    padding: 15px 40px 15px 10px;
}
.shareBoxbg .sharebox .sum ul li span{
    display: block;
    font-size: 18px;
}
.shareBoxbg .sharebox .txtline{
    text-align: center;
    color: #999999;
    font-size: 16px;
    width: 30%;
    margin: 40px auto 30px auto;
}
.shareBoxbg .sharebox .txtline:before,
.shareBoxbg .sharebox .txtline:after{
    background: #ccc;
    content: "";
    height: 1px;
    position: absolute;
    top: 47%;
    width: 28%;
}
.shareBoxbg .sharebox .txtline:before{left: 15px}
.shareBoxbg .sharebox .txtline:after{right: 15px}
.shareBoxbg .sharebox .box ul li{
    float: left;
    width: 33.33%;
    text-align: center;
    margin-bottom: 15px;
}
.shareBoxbg .sharebox .box ul li a{display: block}
.shareBoxbg .sharebox .box ul li img{
    width: 60px;
    display: block;
    margin: 5px auto;
}*/

.shareBoxbg{
    width: 100%;
	position:relative;
    min-height: 300px;
    height: calc(100% - 41px);
    height: -webkit-calc(100% - 41px);
    background: url("../images/share-bg.jpg")  center /cover no-repeat;
    overflow: hidden;
}
.shareBoxbg .sharebox{
    width: 90%;  
	display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.shareBoxbg .sharebox .tit{
    margin-top: 30% ;
    text-align: center;
    color: #EE2C2C;
    font-size: 16px;
    font-weight: bold;
	display:none;
}
.shareBoxbg .sharebox .sum{
    margin: 0 auto;
    width: 100%;
    text-align: center; 

}
.shareBoxbg .sharebox .headimg{
    margin: 0 auto;
    text-align: center;  
    margin-top: 24px;
	width:100%;
	
}
.shareBoxbg .sharebox .headimg:after{
	content:'';
	display:block;
	height:50px;
	background:url(../images/share-t-cd.png) center /contain no-repeat;
}
.shareBoxbg .sharebox .ewm{
    margin: 0 auto;
    text-align: center;
    border:0px #51d0cc dashed;
    border-radius: 10px;
    margin-top: 32px;

}
.shareBoxbg .sharebox .ewm:after{
    margin-top: 32px;
	content:'';
	display:block;
	height:38px;
	background:url(../images/share-ewm-btg.png) center /contain no-repeat;
}
/****** ***    myYJ.html   myYJinfo.html  ************/
.myYJlistbox li{
    background: #FFFFFF;
    border-bottom: 1px #dcdcdc solid;
}
.myYJlistbox li dl{
    float: left;
    width: 25%;
    height: 80px;
    position: relative;
    text-align: center;
    font-size: 14px;
}
.myYJlistbox li.tit dl{
    font-size: 16px;
}
.myYJlistbox li dl span{
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto 0;
    display: table;
    text-align: center;
    width: 100%;
}
.myYJinfoNAV{
    width: 100%;
    margin-bottom: 20px;
    background: #FFFFFF;
}
.myYJinfoNAV ul li{
    width: 33.33%;
    float: left;
    text-align: center;
}
.myYJinfoNAV ul li a{
    display: inline-block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
}
.myYJinfoNAV ul li a.active{
    color: #54d3cf;
    border-bottom: 2px #54d3cf solid;
}

/*************index.html*************/
.t-jsl{
    width: 100%;
    text-align: center;
    color: #00a6be;
    font-size: 16px;
    background: #FFFFFF url("../images/index-jsl.png") center no-repeat;
    background-size: 198px 20px;
    padding: 12px 0;
}

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p           (normal)
.jssort01 .p:hover     (normal mouseover)
.jssort01 .pav           (active)
.jssort01 .pav:hover     (active mouseover)
.jssort01 .pdn           (mousedown)
*/
.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    background: url(../img/t01.png) center center;
    border-width: 0px;
    top: 2px;
    left: 2px;
    width: 68px;
    height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
}

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(img/a17.png) no-repeat;
    overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

.notice{
    width: 96%;
    margin: 16px auto;
    padding-left:48px;
    line-height: 36px;
    font-size: 14px;
    background: #FFFFFF;
    border-radius: 10px;
    position: relative;
}
.notice i{
    position: absolute;
    left: 12px;
    top: 5px;
    font-size: 24px;
    color: #00d4ce;
}
.indexBanner-b>.img{
	width:100%;
	height:170px;
	background-position:center;
	background-repeat:no-repeat;
}
.index-gnzhd .tit{
    padding: 12px 0;
    background: url("../images/index-gnzhd.png") #FFFFFF center no-repeat;
    background-size: 193px 20px;
    text-align: center;
    font-size: 16px;
    color: #d03fe1;
    background: #ffff;
}
.index-gnzhd ul li a img,
.b-zygzzdch ul li a img{
    width: 100%;
    display: block;
	height:170px;
}
.index-gnzhd ul li .txt{padding: 0 12px}
.index-gnzhd ul li .txt h1{
    font-size: 14px;
    padding: 10px 0;
}
.index-gnzhd ul li .txt .info{font-size: 14px; padding-bottom: 10px}
.index-gnzhd ul li .txt .info span.l font{
    color: #ff4e00;
    font-size: 18px;
}
.b-zygzzdch{margin-bottom: 60px;}
.b-zygzzdch .tit{
    padding: 12px 0;
    background: url("../images/index-zygzzdch.png") #FFFFFF center no-repeat;
    background-size: 270px 20px;
    text-align: center;
    color: #ff7a00;
    font-size: 16px;
}


/********* bottom nav  ***********/
.b-menu{position: fixed; bottom: 0; width: 100%; margin-top:65px;}
.b-menu ul{padding: 8px 0; background: #fafafa; }
.b-menu li{
    display: inline-block;
    text-align: center;
}
.b-menu li a i{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.b-menu li a.on{color: #42cfcb}
.b-menu li a.btn_home i{
    background: url("../images/b-home.png") center no-repeat;
    background-size: 20px 18px;
}
.b-menu li a.btn_home.on i{
    background: url("../images/b-home-on.png") center no-repeat;
    background-size: 20px 18px;
}
.b-menu li a.btn_shop i{
    background: url("../images/b-sc.png") center no-repeat;
    background-size: 20px 18px;
}
.b-menu li a.btn_shop.on i{
    background: url("../images/b-sc-on.png") center no-repeat;
    background-size: 20px 18px;
}
.b-menu li a.btn_gwc i{
    background: url("../images/b-gwc.png") center no-repeat;
    background-size: 20px 18px;
}
.b-menu li a.btn_gwc.on i{
    background: url("../images/b-gwc-on.png") center no-repeat;
    background-size: 20px 18px;
}
.b-menu li a.btn_my i{
    background: url("../images/b-user.png") center no-repeat;
    background-size: 17px 18px;
}
.b-menu li a.btn_my.on i{
    background: url("../images/b-user-on.png") center no-repeat;
    background-size: 17px 18px;
}
/**************适配小屏***************/
@media (max-width:375px){
    .gwcList .gwc-item ul li dl.info{width:60%;}
	.shareBoxbg .sharebox .headimg:after{
		height:44px;
	}
	.shareBoxbg .sharebox .ewm:after{
		height:32px;
	}
	.shareBoxbg .sharebox .ewm,
	.shareBoxbg .sharebox .ewm:after{
		margin-top:30px
	}
}
@media (max-width:320px){
	.gwcList .gwc-item ul li dl.info .price{ 
		margin-top: -4px; 
	}
	.gwcList .gwc-item ul li dl {
		display: inline-block;
		height: 80px;
		overflow: hidden;
	}
	.gwcList .gwc-item ul li dl.pic{width: 80px;}
	.spvipType, .slggBox{    padding: 14px 8px;}
	.spvipType i.type {
		color: #4bd1cd;
		font-size: 14px;
	}
	.spvipType span.info{margin-left: 8px;}
	.spvipType>a.moreA, .sjGs .tit a {
		float: right;
		display: block;
		padding: 2px 4px;
		color: #4b84d1;
		border: 1px solid #4b84d1;
		border-radius: 5px;
	}
	.selGGboxbm{    bottom: -70%;}
	.selGGboxbm>.box-d{padding: 24px 12px;}
	.selGGboxbm>.box-d .sdInfo{    margin-top: 12px;}
	.selGGboxbm .sdInfo a{width: 70px;height: 70px;}
	.selGGboxbm .sdInfo div.pinfo{margin-left: 15px;width: 71%;}
	.selGGboxbm .sdInfo div.pinfo h1{font-size: 14px;}
	.selGGboxbm .sdInfo div.pinfo i{    font-size: 18px;}
	/*.selGGboxbm.open {*/
		/*bottom: 8%;*/
	/*}*/
	.gwcList .gwc-item ul li dl.info {
		width: 58%;
	}
	.orderinfo .spinfos a > .txt h1{
		font-size: 14px; 
	}
	.orderinfo .spinfos a > .ns i{
		font-size: 20px;
	}
	.orderinfo .spinfos a > .ns span{
		margin-top: 2px;
	}
	.notice{    font-size: 12px;}
	.myDealmenuCl li a{font-size: 12px;}
	.shareBoxbg .sharebox .headimg:after{
		height:38px;
	} 
	.shareBoxbg .sharebox .ewm:after{
		height:28px;
	}
	.shareBoxbg .sharebox .ewm,
	.shareBoxbg .sharebox .ewm:after{
		margin-top:20px
	}
}
/*****************我的佣金*************************/
.funlist li a.myYe{background: url("../images/y-e-ico.png") 20px center no-repeat; background-size:20px;}
.funlist li a span{
    color: #ff4e00;
    display: inline-block;
    float: right;
    margin-right: 50px;
}
.funlist li a.myYe span{color:#ff4e00}
.funlist li a.myShare span{color:#999999}
.myYJinfo-tx-top img{width:100%;}

.myYjinfo-TXlist ul li{
    width:100%;
    padding:20px 15px;
    border-bottom:1px #eeeeee solid;
    background:#fff;
}
.myYjinfo-TXlist ul li:after{content:'';display:block;clear:both;}
.myYjinfo-TXlist ul li dl{float:left;}
.myYjinfo-TXlist ul li dl.tit{font-size:18px; color:#999999; width:30%;}
.myYjinfo-TXlist ul li dl.txt{font-size:18px; color:#333333; width:70%;}
.myYjinfo-TXlist ul li dl.txt input{
    border:none;
    outline:none;
    background:none;
    color:#333333;
    font-size:18px;
}

.myYjinfo-TXbox{
    padding:10px 15px 25px 15px;
}
.myYjinfo-TXbox .tips{
    color:#ffa93a;
    font-size:16px;
}
.myYjinfo-TXbox .ewm{
    padding:20px 0;
    text-align:center;
}
.myYjinfo-TXbox .ewm img{
    width:50%;
    display:block;
    margin:0 auto;
}
.myYjinfo-TXbox .ewm span{
    display:block;
    width:100%;
    text-align:center;
    font-size:16px;
    color:#666666;
    margin-top:8px;
}
.myYjinfo-TXbox .txBtn a.txBtn_A{
    width:90%;
    display:block;
    padding: 12px 0;
    text-align:center;
    color:#ffffff;
    font-size:16px;
    background:#ef6f37;
    margin:0 auto;
    border-radius:6px;
}
.myYjinfo-wxTips{
    padding:30px 15px;
    background:#ffffff;
}
.myYjinfo-wxTips h1{
    font-size:18px;
    color:#ffa93a;
    font-weight:normal;
}
.myYjinfo-wxTips p{
    font-size:16px;
    color:#999999;
    margin-top:3px;
}
.myYJlistbox.myYjtx{
    margin-top:20px;
}
.myYJlistbox.myYjtx ul li dl.txIng span{
    color:#4c87ff;
}
.myYJlistbox.myYjtx ul li dl.txOk span{
    color:#54d3cf;
}
.myYJlistbox.myYjtx ul li dl.txErr span{
    color:red;
}
@media (max-width:320px){
    .myYjinfo-TXbox .tips,
    .myYjinfo-wxTips p{
        font-size:14px;
    }
    .myYjinfo-TXlist ul li dl.tit,
    .myYjinfo-TXlist ul li dl.txt,
    .myYjinfo-TXlist ul li dl.txt input,
    .myYjinfo-wxTips h1{
        font-size:14px;
    }
    .myYjinfo-TXbox .txBtn a.txBtn_A{
        padding:8px 0;
    }

}


.myCardList .item-card{
    display:block;
    width:95%;
    margin:2% auto 0 auto;
    border-radius: 5px;
    -ms-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,.1);
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    overflow:hidden;
}
.myCardList .item-card .card-tit{
    display:block;
    width:100%;
    background-image:url(../images/center-card-bg.png);
    background-position:bottom center;
    background-repeat:repeat-x;
    padding:8% 2%;
}
.myCardList .item-card .card-tit .logo{
    width:60px;
    height:60px;
    border-radius:100%;
    margin-left:2%;
    background:#ffffff;
    position:relative;
    overflow:hidden;
    float:left;
}
.myCardList .item-card .card-tit .logo img{
    display:block;
    margin:auto;
    max-width:80%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
.myCardList .item-card .card-tit .tit{
    display: inline-block;
    width:70%;
    float:left;
    padding-left:20px;
}
.myCardList .item-card .card-tit .tit h1{color:#ffffff; font-size:20px; font-weight:400; line-height:60px;}
.myCardList .item-card .card-info{
    background:#fff;
    display:block;
    padding:2%;
    overflow:hidden;
}
.myCardList .item-card .card-info .tit,
.myCardList .item-card .card-info .time{
    float:left;
    width:50%;
    font-size:14px;
    color:#999;
}
.myCardList .item-card .card-info .time{text-align:right;}


/*弹出菜单*/

/*.cd-bouncy-nav-trigger {*/
    /*!* button style *!*/
    /*background: #DC965A;*/
    /*color: #ffffff;*/
    /*padding: 1.2em 2em;*/
    /*border-radius: 10em;*/
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 10px #171718;*/
/*}*/
/*.no-touch .cd-bouncy-nav-trigger:hover {*/
    /*background: #e0a36f;*/
/*}*/

.cd-bouncy-nav-modal {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 35, 37, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
    transition: opacity 0.1s 0s, visibility 0s 0s;
}
.cd-bouncy-nav-modal .cd-close {
    display: block;
    position: fixed;
    top: 20px;
    right: 5%;
    width: 44px;
    height: 44px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../images/cd-icon-close.svg") no-repeat center center;
    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
    transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal.fade-in .cd-close {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}
@media only screen and (min-width: 1170px) {
    .cd-bouncy-nav-modal .cd-close {
        top: 60px;
    }
}

.cd-bouncy-nav {
    position: absolute;
    left: 50%;
    top: 50vh;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    max-width: 300px;
}
.cd-bouncy-nav li {
    width: 50%;
    float: left;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
    text-align: center;
}
.is-visible .cd-bouncy-nav li {
    /* used to assign a tranlsateY value when the animation is over */
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
    -webkit-animation: cd-move-in 0.4s;
    -moz-animation: cd-move-in 0.4s;
    animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
    -webkit-animation: cd-move-out 0.4s;
    -moz-animation: cd-move-out 0.4s;
    animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
    -webkit-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.cd-bouncy-nav a {
    display: inline-block;
    min-width: 80px;
    position: relative;
    padding: 90px 20px 0;
    margin-bottom: 30px;
    color: #ffffff;
}
.cd-bouncy-nav a::before {
    /* icons */
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #77BFA3;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.no-touch .cd-bouncy-nav a:hover::before {
    background-color: #DC965A;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
    background-position: -80px 0;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
    background-position: -160px 0;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
    background-position: -240px 0;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
    background-position: -320px 0;
}
.cd-bouncy-nav li:nth-of-type(6) a::before {
    background-position: -400px 0;
}
@media only screen and (min-width: 768px) {
    .cd-bouncy-nav {
        max-width: 450px;
    }
    .cd-bouncy-nav li {
        width: 33.33%;
        float: left;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }
    .cd-bouncy-nav a {
        margin-bottom: 50px;
    }
}

@-webkit-keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
    }
    65% {
        -webkit-transform: translateY(-1.5vh);
    }
    100% {
        -webkit-transform: translateY(0vh);
    }
}
@-moz-keyframes cd-move-in {
    0% {
        -moz-transform: translateY(100vh);
    }
    65% {
        -moz-transform: translateY(-1.5vh);
    }
    100% {
        -moz-transform: translateY(0vh);
    }
}
@keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
        transform: translateY(100vh);
    }
    65% {
        -webkit-transform: translateY(-1.5vh);
        -moz-transform: translateY(-1.5vh);
        -ms-transform: translateY(-1.5vh);
        -o-transform: translateY(-1.5vh);
        transform: translateY(-1.5vh);
    }
    100% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
}
@-webkit-keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
    }
}
@-moz-keyframes cd-move-out {
    0% {
        -moz-transform: translateY(0vh);
    }
    100% {
        -moz-transform: translateY(-100vh);
    }
}
@keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}